<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<title>글자모양태그</title>
	</head>
	<body>
		<p>전자정부 표준 프레임워크를 활용하여 
			<b title="시각적강조 : B">공공기관 개발 프로젝트</b>를 진행하는 개발자</p>
		<!-- 
			B : bold 굵게 표시
		  	특별한 의미 없이 시각적인 강조를 의미
		-->
		<p>복잡한 스프링 프레임워크를 <i title=" 기울임 글꼴 : I">풍부한 그림, 도식, 표, 
			부분 코드</i> 등 시각적 요소로 알기 쉽게 풀어냈다.</p>
		<!--
			I : italic 글자를 기울여서 표시
			기술적인 용어나 외국어, 생각등을 나타낼 때
		-->	
		<p> 피타고라스 정리 : a<sup>2</sup> = b<sup>2</sup> + c<sup>2</sup> </p>
		<p> 산소의 화학식 : O<sub>2</sub> </p>
		<p> 이산화산소의 화학식 : </p>
		<p> 물의 화학식 : </p>
		<!--
			SUP : superscript 위첨자
			영문 날짜의 접미사나 수학의 거듭제곱 표시에 사용
			SUB : subscript 아래첨자
			각주 번호나 화학기호 표시에 사용
		-->
		<hr />
		<h1>의미가 있는 태그 semantic markup</h1>
		<!--
			웹 페이지의 구조에 영향을 미치려는 것이 아니고
 			웹 페이지에 추가적인 정보를 제공하려는
 			요소들을 의미함
 			이러한 추가정보는 스크린 리더나 검색엔진이 사용
		-->
		<p><strong title="강한 강조 : strong"> 시간은 금이라구, 친구!!! </strong></p>
		<p><em title="일반적인 강조 : em"> 시간은 금이라구, 친구!!! </em></p>
		<p>오크상인이 말을 했다
			<blockquote>'시간은 금이라구, 친구!!'</blockquote></p>
		
		<p>오크상인이 말을 했다
			<q>시간은 금이라구, 친구!!</q></p>
		
		<p>오크상인이 말을 했다
			<cite>'시간은 금이라구, 친구!!'</cite></p>
		<p><abbr title="HyperText Markup Language" style="text-decoration: underline">HTML</abbr>은 웹 페이지 작성 문법을 말하기도 한다</p>
		<p><abbr title="Extensible HyperText Markup Language" style="text-decoration: underline">XHTML</abbr>은 HTML보다 엄격한 문법을 사용한다</p>
		<p><abbr title="Cascading StyleSheet" style="text-decoration: underline">CSS</abbr>는 웹페이지의 표현을 담당한다</p>
		<p><address>
			작성자 : <a href="mailto:jobs@apple.com">스티브 잡스</a><br />
			서울특별시 종로구 123-45번지 67-8 
		</address></p>
		<p><small>Copyrights (c) 2013. siestageek. All Rights Reserved.</small></p>
		<p> 내가 가진 장비 중 <del>넥서스 태블릿</del>은 팔고,
			<ins>아이패드 에어</ins>를 새로 구입했다</p>
		<strike>아 이런</strike>
		<!--
			blockquote 태그는 단락 내 긴 문장/단락 인용구에,
 			q 태그는 단락 내 짧은 인용구에 사용
 			cite 속성으로 인용의 출처도 밝힐 수 있음
 			blockquote 태그는 들여쓰기 효과가
 			q 태그는 “” 효과가 추가적으로 표시됨

 			abbr 태그는 약어는 머릿글자에 사용
			 title 속성으로 전체 단어를 지정할 수 있음
			address 태그는 페이지 작성자에 대한 연락처를 표시
 			전화번호나 이메일 주소에 사용

			small 태그는 저작권, 법률적 사항등을 표시

			del 태그는 삭제된 정보를 표시할 때
			ins 태그는 새로 삽입된 정보를 표시할 때
		-->
		
		
	</body>
</html>





